Formulario HTML con estilo CSS

Campo de entrada de ancho completo

Campos de entrada con padding

Campos de entrada con bordes

Campos de entrada con borde inferior

Campos de entrada con color

Campos de entrada con color al enfocar

El campo de entrada cambia de color cuando recibe el enfoque (al hacer clic en él):

Campos de entrada con transición de borde

El campo de entrada cambia el color del borde a negro cuando se enfoca (clic), con una animación de 0.5 segundos.

Campo de entrada con ícono

Animar el ancho del campo de búsqueda

Estilizar área de texto

Consejo: Usa la propiedad resize para evitar que el área de texto pueda ser redimensionada manualmente.

Estilizar un menú desplegable (select)

Estilizar botones de formulario

Formulario Responsivo

Redimensiona la ventana del navegador para ver el efecto. Cuando la pantalla tenga menos de 600px de ancho, las dos columnas se apilarán una encima de la otra en lugar de estar al lado.